<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/lib/jquery.min.js" ></script>
		<link rel="stylesheet" href="fonts/iconfont.css">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet/less" type="text/css" href="css/xStyle.less" />
        <script type="text/javascript" src="js/lib/less.js" ></script>

	</head>
	<body >

    <button onclick="warn()"> 告警</button>
    <button onclick="error()"> 错误</button>
    <button onclick="success()"> 成功</button>
    <button onclick="info()"> 一般</button>
	</body>
    <script type="module">
	import  xAlert from './js/src/xAlert.js';
	
     window.warn=function(){
     	xAlert.warn("这是告警提示");
     }
	
	     window.error=function(){
     	xAlert.error("这是错误xxxxxxx提示",2000);
     }
     
          window.success=function(){
     	xAlert.success("这是成功xxxxxxx提示",2000);
     }
     
        window.info=function(){
     	xAlert.info("这是一般提示");
     }
	</script>
</html>
